		
		/*center左侧div*/

		#div3{
			position: absolute;

			
			width: 8.75rem;
			height: 31.25rem;
			left: 1.875rem;
			top:0;
			text-align: center;
			vertical-align: bottom;
		}
		#ul1{
			
			list-style-type: none;
			font-size: 0.9375rem;
			margin: 0;
			padding: 0;

		}
		#ul1>li{
			
			
			line-height: 1.875rem;


		}
		

		/*右拉菜单*/
		.div4{
			position: absolute;
			width: 0rem;
			height: 31.25rem;
			top: -0.3125rem;
			left: 8.75rem;
			border-top: 1px solid red;
			border-left: 1px solid white;
			border-bottom: 1px solid red;
			visibility: hidden;
			border-right:  1px solid red;
		}
		
		.div4>ul>li>img{
			width: 0px;
		}
		


		#ul1>li:hover{
			background-color: white;
			border-top: 1px solid red;
			border-left: 1px solid red;
			border-bottom: 1px solid red;
			border-right:  1px solid white;
			
		}/*当鼠标悬浮在li元素上，li变化*/
		
		
		#ul1>li:hover .div4{
			background-color: white;
			visibility: visible;
			width: 62.5rem;
			z-index: 2;
			transition: width 0.3s;
		}/*当鼠标悬浮在li元素上，右拉菜单变化*/
		
		#ul1>li:hover .div4>ul>li>img{
			width: 12.5rem;
			transition: width 1s;
		}/*当鼠标悬浮在li元素上，右拉菜单里的img变化*/
		.div4>ul>li>img:hover{
			transform: scale(1.3);
		}/*当鼠标悬浮在右拉菜单中的img元素上，img元素变化*/




		/*center中间的轮播*/
		#div6{
			position: absolute;
			top: 0rem;
			left: 11.25rem;
			width: 45rem;
			height: 31.25rem;
			z-index: 1;

		}



		/*center的右侧栏*/

		#div7{
			position: absolute;
			top: 0rem;
			right: 0rem;
			width: 21.25rem;
			height: 31rem;
			border: 1px solid red;
			
		}
		#div7>div{
			width: 6.25rem;
			height: 11.25rem;
			float: right;
			margin: 1.875rem;
			text-align: center;
		}
		#div7>div>img{
			
			width: 6.25rem; 
			height:7.8125rem; 
		}
		
		.img1:hover {
			
			transform: scale(1.5);
		}
		.img2:hover {
			
			transform: scale(1.5);
		}
		.img3:hover {
			
			transform: scale(1.5);
		}
		.img4:hover {
			
			transform: scale(1.5);
		}